Ext.define('TinyCore.views.GridBase', {
	extend : 'Ext.grid.Panel',
	columnLines : true,
	frame : false,
	selType : 'checkboxmodel',
	viewConfig : {
		stripRows : true,
		trackOver : true,
		emptyText : '<div style="color:#999;margin:5px;">没有符合条件的数据</div>'
	},
	dockedItems : [{
		xtype : 'toolbar',
		name : 'optToolBar',
		dock : 'top',
		items : [{
			text : '新增', iconCls : 'apps-btn-add'
		}, {
			text : '修改', iconCls : 'apps-btn-edit'
		}, {
			text : '删除', iconCls : 'apps-btn-delete'
		}, {
			text : '保存', iconCls : 'apps-btn-save'
		}, {
			text : '刷新', iconCls : 'apps-btn-refresh'
		}]
	}, {
		dock: 'bottom',
		xtype: 'pagingtoolbar',
		store: this.store,
		pageSize: 2,
		displayInfo: true,
		displayMsg: '显示 {0} - {1} 条，共计 {2} 条',
		emptyMsg: '没有数据'
	}],
	plugins : [ { 
		ptype : 'rowediting',
       	clicksToMoveEditor: 1,  
       	autoCancel: false
   	}],
	listeners : {
		afterrender : function(gp) {
			gp.rowEditing = gp.plugins[0];
			// add rownumber column
			var column = Ext.create('Ext.grid.RowNumberer', { header : '行号', sortable : false, width : 60 });
			gp.headerCt.insert(1, column);
			// add search field
			gp.getDockedItems()[0].insert(gp.getDockedItems()[0].length, { 
				fieldLabel :'搜索', 
				labelWidth : 50, 
				labelAlign : 'right',
				xtype: 'searchfield', 
				store: gp.store 
			});
			// refresh view
			gp.getView().refresh();
		}
	}
});
